<template>
  <view class="guide">
    <view class="guide-t">择校指南</view>
    <view class="guide-c">
      <view class="guide-b" v-for="item in guideList" :key="item.id" @tap="quest">
         <!-- <view>[&nbsp专家建议&nbsp]</view> -->
        <view class="guide-text" >{{item.text}}</view>
      </view> 
    </view>
    <view class="g-more" @tap="moreGuide">更多</view>
  </view>
</template>

<script>
import Taro from "@tarojs/taro";
export default {
  data() {
    return {
      guideList: [
        {
          id: 1,
          //  title:'专家建议',
          text: "[ 专家建议 ] 人物专访丨实验ALevel魔法校长黎博士:赋能每一个普通孩子入读梦想院校！冲刺牛剑！ ",
        },
        {
          id: 2,
          //  title:'专家建议',
          text: "[ 专家建议 ] 人物专访丨实验ALevel魔法校长黎博士:赋能每一个普通孩子入读梦想院校！冲刺牛剑！ ",
        },
        {
          id: 3,
          //  title:'专家建议',
          text: "[ 专家建议 ] 人物专访丨实验ALevel魔法校长黎博士:赋能每一个普通孩子入读梦想院校！冲刺牛剑！ ",
        },
        {
          id: 4,
          //  title:'专家建议',
          text: "[ 专家建议 ] 人物专访丨实验ALevel魔法校长黎博士:赋能每一个普通孩子入读梦想院校！冲刺牛剑！ ",
        },
        {
          id: 5,
          //  title:'专家建议',
          text: "[ 专家建议 ] 人物专访丨实验ALevel魔法校长黎博士:赋能每一个普通孩子入读梦想院校！冲刺牛剑！ ",
        },
      ],
    };
  },
  methods: {
     moreGuide() {
      Taro.navigateTo({
        url: "/pages/moreGuides/index",
      });
    },
     quest() {
      Taro.navigateTo({
        url: "/pages/f-content/index",
      });
    },
  },
};
</script>

<style>
.guide {
  width: 100%;
  margin-top: 20px;
  background-color: white;
  overflow: hidden;
}
.guide-t {
  margin-top: 4%;
  margin-left: 4%;
  font-size: 40px;
  width: 25%;
  display: flex;
  justify-content: center;
  align-items: center;
  border-left: 7px solid #0b6db6;
}
.guide-c {
  width: 92%;
  margin: 0 auto;
  margin-top: 50px;
}
.guide-text {
  text-overflow:ellipsis;
  white-space: nowrap; 
  overflow: hidden;
  margin-top: 20px;
  padding-bottom: 20px;
  border-bottom:1px dotted #ccc;
}
.g-more {
  width: 92%;
  height: 70px;
  margin: auto;
  margin-top: 20px;
  margin-bottom: 30px;
  background-color: #0b6db6;
  text-align: center;
  line-height: 70px;
  color: white;
}
</style>
